<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	
	<div id="wrap">
		<canvas id="bg"></canvas>
		<canvas id="canvas"></canvas>
	</div>
	<button type="button" id="btn">执行</button>
	<button type="button" id="refresh">Refresh</button>
	<button type="button" id="wall">生成障碍物</button>
	<div id="command">
		<div id="row">
			<span>1</span>
		</div><textarea id="tex"></textarea>
	</div>
	<div class="info">
		<li>在输入框中允许输入如下指令，按下按钮后，使得正方形做相应动作</li>
		<li>GO：向蓝色边所面向的方向前进一格（一格等同于正方形的边长）</li>
		<li>TUN LEF：向左转（逆时针旋转90度）</li>
		<li>TUN RIG：向右转（顺时针旋转90度）</li>
		<li>TUN BAC：向后转（旋转180度）</li>
		<li>移动不能超出格子空间</li>
		<li>增加新的指令如下：</li>
		<li>TRA LEF：向屏幕的左侧移动一格，方向不变</li>
		<li>TRA TOP：向屏幕的上面移动一格，方向不变</li>
		<li>TRA RIG：向屏幕的右侧移动一格，方向不变</li>
		<li>TRA BOT：向屏幕的下面移动一格，方向不变</li>
		<li>MOV LEF：方向转向屏幕左侧，并向屏幕的左侧移动一格</li>
		<li>MOV TOP：方向转向屏幕上面，向屏幕的上面移动一格</li>
		<li>MOV RIG：方向转向屏幕右侧，向屏幕的右侧移动一格</li>
		<li>MOV BOT：方向转向屏幕下面，向屏幕的下面移动一格</li>
		<li>对于GO，TRA以及MOV指令增加可以移动格子数量的参数，例如</li>
		<li>GO 3：向当前方向前进三格</li>
		<li>TRA TOP 2：向屏幕上方平移两格</li>
		<li>MOV RIG 4：方向转向屏幕右侧，向屏幕的右侧移动四格</li>
		<li>新增修墙的指令，BUILD，执行指令时，会在当前方块面对的方向前修建一格墙壁，如果被指定修墙的地方超过边界墙或者已经有墙了，则取消修墙操作，并调用浏览器的console.log方法打印一个错误日志</li>
		<li>新增粉刷的指令，BRU color，color是一个字符串，保持和css中颜色编码一致。执行指令时，如果当前方块蓝色边面对方向有紧相邻的墙，则将这个墙颜色改为参数颜色，如果没有，则通过调用浏览器的console.log方法，打印一个错误日志</li>
		<li>新增一个按钮，可以在空间内随机生成一些墙</li>
		<li>增加一个指令：MOV TO x, y，会使得方块从当前位置移动到坐标为x，y的地方，移动过程中不能进入墙所在的地方，寻路算法请自行选择并实现，不做具体要求</li>
	</div>
	<script type="text/javascript" src="js/animation.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/xunlu.js"></script>
	<script type="text/javascript" src="js/wall.js"></script>
</body>
</html>